<!DOCTYPE html>
<html lang="ru">
<head>
    <meta name="description" content="LetterEditor - лучший редактор письма, в нём есть разные функции и фишки">
    <meta name="keywords" content="LetterEditor, редактор письма, письмо">
    <meta name="theme-color" content="">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/adaptive.css">
    <link rel="icon" href="img/favicon.ico">
    <title> LetterEditor - Редактор Письма </title>
</head>
<body>
    <header class="main_header">
        <h1> LetterEditor - лучший редактор письма </h1>
        <nav class="navigation">
            <ul>
                <li> <a href="index.html"> Редактор письма </a> </li>
                <li> <a href="#"> О нас </a> </li>
                <li> <a href="#"> Другие проекты </a> </li>
            </ul>
        </nav>
    </header>
    <main class="main-content">
        <section class="letter-container">
            <section class="letter">
                <textarea class="letter_text" placeholder="Введите текст письма" rows="5" cols="50"></textarea>
                <div class="hint">
                    <h2> Совет </h2>
                    <p> Как правильно оформить письмо? Если вы сомневаетесь как правильно оформить письмо, то можете следовать этой схеме ниже </p>
                    <ol>
                        <li> Составьте структуру письма </li>
                        <li> Начните писать письмо </li>
                        <li> Проверьте письмо на наличие смысловых или пунктоационных ошибок </li>
                        <li> Выделите важные места </li>
                    </ol>
                </div>
            </section>
            <section class="letter-buttons">
                <button class="btn b"> B </button>
                <button class="btn i"> I </button>
                <button class="btn u"> U </button>
                <button class="btn clear"> Clear text </button>
            </section>
        </section>
    </main>
    <script src="js/app.js"></script>
</body>
</html>